<template>
      <div class="clr-black bg-write comm-tb-gap">
            <div>
                  <div class="constraint flex ali-center tit-box">
                        <h2>员工活动</h2>
                        <p class="mar-lft">创造美好家园</p>
                  </div> 

                  <div class="employee-activities-content-box">
                        <ul>
                              <li :class="['row flex', 'row-' + (index+1)]" v-for="(item, index) in 4" :key="index">
                                    <div :class="['item relative bg-write', 'item-' + (jIndex+1)]" v-for="(jItem, jIndex) in 2" :key="jIndex">
                                          <h3 class="text-ellipsis-2">标题{{ index }} {{ jIndex }}</h3>
                                          <div class="bg-men">
                                                <p class="text-ellipsis-3">这是一段描述文字这是一段描述文字这是一段描述文字这是一段描述文字这是一段描述文字</p>
                                          </div>
                                    </div>
                              </li> 
                        </ul>
                  </div>

                  <ContactUs></ContactUs>
            </div>
      </div>
</template>

<script lang="ts" setup>
import ContactUs from '@/components/client/common/contactUs/index.vue'
</script>